<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>编辑轮播图</title>

    <link rel="stylesheet" href="/layui/css/layui.css">
    <script src="/layui/src/layui.js"></script>
    <script src="/layui/src/jquery-3.2.1.min.js"></script>

    <link rel="stylesheet" href="css/CarouselUpdate.css">
    <script type="text/javascript" src="js/CarouselUpdate.js"></script>

</head>
<body>
    <div class="layui-container contain">
        <!--头部-->
        <div class="layui-row" id="List_Header">
            <div class="layui-col-xs7 layui-col-sm8 layui-col-md9 layui-col-lg10">
                <span id="color_id">▉</span>
                <span id="List_Header_span">修改轮播图</span>
            </div>
            <div class="layui-col-xs1 layui-col-sm1 layui-col-md1 layui-col-lg1" id="div_btn">
                <button type="button" class="layui-btn layui-btn-sm btn_class" id="refresh" onclick="refresh()">
                    <i class="layui-icon layui-icon-refresh"></i> &nbsp;刷新
                </button>
            </div>
            <div class="layui-col-xs1 layui-col-sm1 layui-col-md1 layui-col-lg1" id="div_btn2">
                <button type="button" class="layui-btn layui-btn-sm btn_class"  onclick="go()" id="go_id">
                    <i class="layui-icon layui-icon-left"></i> 返回
                </button>
            </div>
        </div>

        <!--表单-->
        <form class="layui-form "  id="form_id">
            <div id="div_id">
                <!-- 轮播图名称-->
                <div class="layui-form-item">
                    <label class="layui-form-label la">轮播图名称：</label>
                    <div class="layui-input-block">
                        <input type="text" name="imgTitle" id="imgTitle" required lay-verify="required"  autocomplete="off" class="layui-input"/>
                    </div>
                </div>
                <!--轮播图类型-->
                <div class="layui-form-item">
                    <label class="layui-form-label la">轮播图类型：</label>
                    <div class="layui-input-block">
                        <select  id="imgType" name="imgType" lay-filter="selFilter" lay-verify="required" lay-search >
                            <option value="">请选择轮播图类型</option>
                            <option value="1">商品</option>
                            <option value="2">视频</option>
                        </select>
                    </div>
                </div>
                <!--开始时间-->
                <div class="layui-form-item">
                    <label class="layui-form-label">开始时间：</label>
                    <div class="layui-input-block" class="i_div">
                        <input type="text" name="startDate" required lay-verify="required" autocomplete="off"  class="layui-input" id="startDate" placeholder="请选择时间">
                        <i class="layui-icon layui-icon-date l"></i>
                    </div>
                </div>

                <!--到期时间-->
                <div class="layui-form-item">
                    <label class="layui-form-label">结束时间：</label>
                    <div class="layui-input-block i_div">
                        <input type="text" name="expireDate" required lay-verify="required" autocomplete="off"  class="layui-input" id="expireDate" placeholder="请选择时间">
                        <i class="layui-icon layui-icon-date l"></i>
                    </div>
                </div>

                <!--上线/下线-->
                <div class="layui-form-item radio_class">
                    <label class="layui-form-label" id="radio_id"> 上线/下线：</label>
                    <div class="layui-input-block" >
                        <input type="radio" name="display" value="1" title="上线" checked="checked"/>
                        <input type="radio" name="display" value="2" title="下线" />
                    </div>
                </div>

                <!--课程图片-->
                <div class="layui-form-item upload_div">
                    <label class="layui-form-label">轮播图片：</label>
                    <div class="layui-input-block">
                        <button type="button" class="layui-btn upload_btn" id="uploadImgBtn">更改图片</button>
                    </div>
                </div>


                <!--预览图-->
                <div class="layui-form-item" id="img_div2">
                    <label class="layui-form-label">预览图：</label>
                    <div id="img_div3">
                        <div class="layui-input-block" id="img_div4">
                            <i class="layui-icon layui-icon-up" id="up" onclick="upUploadImg()"></i>
                        </div>
                    </div>
                </div>



                <!--课程视频-->
                <div class="layui-form-item upload_div">
                    <label class="layui-form-label">轮播视频：</label>
                    <div class="layui-input-block">
                        <button type="button" class="layui-btn upload_btn" id="uploadBtn2">更改视频</button>
                    </div>
                </div>
                <!--上传视频-->
                <div class="layui-form-item" id="div_video">

                    <!--进度条-->
                    <div class="layui-progress layui-progress-big" lay-showPercent="yes" lay-filter="progressBar" id="progressBar">
                        <div class="layui-progress-bar layui-bg-blue" lay-percent="0%"></div>
                    </div>

                </div>

                <!--视频时长-->
                <input type="hidden" id="courseTime" name="courseTime">


                <!--修改人-->
                <input type="hidden"  name="updateUser" id="updateUser">
                <!--获取图片地址-->
                <input type="hidden" name="imgAddress" id="imgAddress">
                <!--获取视频地址-->
                <input type="hidden" name="connect" id="connect" style="width: 800px">
                <!--获取轮播图id-->
                <input type="hidden" name="carouselId" id="carouselId">
                <!--备注-->
                <div class="layui-form-item">
                    <label class="layui-form-label">备注：</label>
                    <div class="layui-input-block">
                        <textarea class="layui-textarea textarea" name="remarks" id="remarks"></textarea>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block" id="btn_id">
                        <button class="layui-btn" lay-submit lay-filter="formDemo">提交</button>
                    </div>
                </div>
            </div>


        </form>
    </div>

</body>
</html>